﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Views="clr-namespace:Studio77.GuessTheWords2.Views"
    x:Class="Studio77.GuessTheWords2.Pages.ClassifyPage"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d"
    shell:SystemTray.IsVisible="False">

    <!--LayoutRoot 是包含所有页面内容的根网格-->
    <Viewbox>
		<Grid x:Name="LayoutRoot" Background="Transparent" Height="800" Width="480">
			<Grid.RowDefinitions>
				<RowDefinition/>
				<RowDefinition Height="15*"/>
			</Grid.RowDefinitions>
			<Image Source="/Images/class_background.png" Stretch="Fill" d:IsLocked="True" Grid.RowSpan="2"/>
			<Grid x:Name="grid" HorizontalAlignment="Center" Height="678" VerticalAlignment="Center" Width="408" Grid.Row="1">
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="1*"/>
					<ColumnDefinition Width="1*"/>
				</Grid.ColumnDefinitions>
				<Grid.RowDefinitions>
					<RowDefinition Height="1*"/>
					<RowDefinition Height="1*"/>
					<RowDefinition Height="1*"/>
					<RowDefinition Height="1*"/>
				</Grid.RowDefinitions>
				<Views:ClassifyItem x:Name="class1" ClassIndex="1" HorizontalAlignment="Center" Height="162" VerticalAlignment="Center" Width="162"/>
				<Views:ClassifyItem x:Name="class2" ClassIndex="2" HorizontalAlignment="Center" Height="162" VerticalAlignment="Center" Width="162" Grid.Column="1"/>
				<Views:ClassifyItem x:Name="class3" ClassIndex="3" HorizontalAlignment="Center" Height="162" VerticalAlignment="Center" Width="162" Grid.Row="1"/>
				<Views:ClassifyItem x:Name="class4" ClassIndex="4" HorizontalAlignment="Center" Height="162" VerticalAlignment="Center" Width="162" Grid.Column="1" Grid.Row="1"/>
				<Views:ClassifyItem x:Name="class5" ClassIndex="5" HorizontalAlignment="Center" Height="162" VerticalAlignment="Center" Width="162" Grid.Row="2"/>
				<Views:ClassifyItem x:Name="class6" ClassIndex="6" HorizontalAlignment="Center" Height="162" VerticalAlignment="Center" Width="162" Grid.Column="1" Grid.Row="2"/>
				<Views:ClassifyItem x:Name="class7" ClassIndex="7" HorizontalAlignment="Center" Height="162" VerticalAlignment="Center" Width="162" Grid.Row="3"/>
				<Views:ClassifyItem x:Name="class8" ClassIndex="8" HorizontalAlignment="Center" Height="162" VerticalAlignment="Center" Width="162" Grid.Column="1" Grid.Row="3"/>
			</Grid>
			<TextBlock HorizontalAlignment="Right" Margin="0,0,10,5" Grid.Row="1" TextWrapping="Wrap" Text="{Binding Text, ElementName=textBlock}" VerticalAlignment="Bottom" Foreground="Black" RenderTransformOrigin="0.5,0.5">
				<TextBlock.RenderTransform>
					<CompositeTransform TranslateX="2" TranslateY="2"/>
				</TextBlock.RenderTransform>
			</TextBlock>
			<TextBlock x:Name="textBlock" HorizontalAlignment="Right" Margin="0,0,10,5" Grid.Row="1" TextWrapping="Wrap" Text="完成120个星星可以解锁下一个章节" VerticalAlignment="Bottom" Foreground="#FFFFE800"/>

			<!--TitlePanel 包含应用程序的名称和页标题-->

			<!--ContentPanel - 在此处放置其他内容-->
		</Grid>

	</Viewbox>

</phone:PhoneApplicationPage>